<template>
  <div class="px-4 grid gap-3 grid-cols-12">
    <StatCards class="col-span-12" />
    <ActivityGraph class="col-span-12 lg:col-span-8" />
    <UsageRadar class="col-span-12 lg:col-span-4" />
    <RecentTransactions class="col-span-12" />
  </div>
</template>

<script setup lang="ts">
import StatCards from './grid/StatCards.vue';
import ActivityGraph from './grid/ActivityGraph.vue';
import UsageRadar from './grid/UsageRadar.vue';
import RecentTransactions from './grid/RecentTransactions.vue';

// Logic for Grid
</script>

<style scoped>
/* Styles for Grid */
</style>